<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <#include "../links.ftl">
    <style>
        .order {
            padding: 20px;
        }

        .order > .order_info {
            width: 900px;
            margin: 0 auto;
        }

        .order > .order_info > .logo {
            text-align: center;
        }

        .order > .order_info > .logo > img {
            max-height: 100px;
        }

        .order > .order_info > .information {
            border: 1px solid #B7B7B7;
            margin-top: 20px;
        }

        .order > .order_info > .information > p {
            margin: 0;
            padding: 5px;
            background-color: #B7B7B7;
            text-align: center;
        }

        .order > .order_info > .information > .info_message {
            padding: 10px;
        }

        .update_pwd {
            color: #74B7FF;
            font-weight: 700;
        }

        .information > .item > .order {
            overflow: hidden;
            padding: 3px 10px;
            font-size: 12px;
            background-color: #DADBDA;
        }

        .information > .item > .order > .num {
            float: left;
            margin-right: 30px;
        }

        .information > .item > .order > .type {
            float: right;
        }

        .information > .item > .item_info {
            padding: 10px;
        }

        .information > .item > .item_info > div {
            margin-bottom: 6px;
            font-size: 14px;
        }

        .information > .item > .item_info > .solid {
            display: block;
            border-top: 1px solid #B7B7B7;
            margin-bottom: 6px;
        }

        .order > .order_info > .information > .item > .order > .num > label {
            margin: 0;
        }
    </style>
</head>
<body>
<!--导航-->
<#include "../header.ftl">
<div class="order">
    <div class="order_info">
        <div class="logo">
            <img src="${basePath}/img/icon/logo-max.png">
        </div>
        <div class="information">
            <p>个人信息</p>
            <div class="info_message">
                <div>
                    <label>用户名:</label>
                    <span>${Session.userInfo.userName!}</span>
                </div>
                <p><a class="update_pwd" href="/home/update-pwd">修改密码</a></p>
            </div>
        </div>
        <div class="information">
            <p>订单信息</p>
            <#if (order.list?size) gt 0>
                <#list order.list as order>
                  <div class="item">
                      <div class="order">
                          <div class="num">
                              <label>订单编号：</label>
                              <span>${order.orderCode}</span>
                          </div>
                          <div class="num">
                              <label>下单时间：</label>
                              <span>${order.orderTime}</span>
                          </div>
                          <div class="type">${order.payStatus}</div>
                      </div>
                      <div class="item_info">
                          <div>
                              <label>产品名称：</label>
                              <span>${order.goodsName}</span>
                          </div>
                          <div>
                              <label>单价：</label>
                              <span>￥${order.goodsPrice}</span>
                          </div>
                          <div>
                              <label>数量：</label>
                              <span>${order.goodsTotal}个</span>
                          </div>
                          <div>
                              <label>总金额：</label>
                              <span>￥${order.orderAmount}</span>
                          </div>
                          <i class="solid"></i>
                          <div>
                              <label>收件人姓名：</label>
                              <span>${order.userName}</span>
                          </div>
                          <div>
                              <label>联系电话：</label>
                              <span>${order.phone}</span>
                          </div>
                          <div>
                              <label>收件地址：</label>
                              <span>${order.deliveryAddress!}</span>
                          </div>
                      </div>
                  </div>
                </#list>
            </#if>
        </div>
    </div>
</div>
<!--底部-->
<#include "../footer.ftl">
</div>
</body>
</html>